<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>我的电子证书网站</title>
    <link href="css.css" rel="stylesheet" type="text/css" />
    <link href="css/myCss.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        body { background-color: #edeef0; }
    </style>
</head>

<body>
<div id="app">
    <iframe src="page/pageHead2.html" scrolling="no" frameborder="0" width="100%"  height="59px"></iframe>
    <table width="1000" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td align="center">&nbsp;</td>
        </tr>
    </table>
    <table width="1100" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td height="15" valign="top"><table width="1100" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
                <tr>
                    <td width="266" align="left" valign="top"><table width="250" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                            <td height="50" align="center" class="hui-20">会员中心</td>
                        </tr>
                        <tr>
                            <td align="left"><table width="250" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td width="246" rowspan="2" align="left" valign="top"><table width="242" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td align="center" bgcolor="#f2f2f2"><table width="100%" border="0" cellspacing="8" cellpadding="0">
                                                <tr>
                                                    <td align="left"><table width="100%" border="0" cellspacing="2" cellpadding="0">
                                                        <tr>
                                                            <td width="82%" align="left"><table width="100%" border="0" cellspacing="2" cellpadding="0">
                                                                <tr>
                                                                    <td height="30" align="left"><span class="hui-16">{{member.realname}}</span></td>
                                                                </tr>
                                                                <tr>
                                                                    <td align="left"><span class="hui12a"><a @click="exit" class="huise">退出登录</a></span></td>
                                                                </tr>
                                                            </table></td>
                                                        </tr>
                                                    </table></td>
                                                </tr>
                                            </table></td>
                                        </tr>
                                        <tr>
                                            <td align="left"><table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#1e7cc0">
                                                <tr>
                                                    <td width="13%" height="40">&nbsp;</td>
                                                    <td width="87%" align="left" class="bai-14"><strong>账号信息</strong></td>
                                                </tr>
                                            </table>
                                                <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#f2f2f2">
                                                    <tr>
                                                        <td valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                <tr>
                                                                    <td width="9%" height="40" align="left">&nbsp;</td>
                                                                    <td width="91%" align="left"><a href="hou.html"><span class="hui-16"><img src="images/jiao.jpg" width="12" height="10" /></span>我的证书</a></td>
                                                                </tr>
                                                            </table></td>
                                                            </tr>
                                                            <tr>
                                                                <td valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                        <tr>
                                                                            <td width="9%" height="40" align="left">&nbsp;</td>
                                                                            <td width="91%" align="left"><a href="appealList.html"><span class="hui-16"><img src="images/jiao.jpg" width="12" height="10" /></span>我的申诉</a></td>
                                                                        </tr>
                                                                    </table></td>
                                                                    </tr>
                                                                </table></td>
                                                            </tr>
                                                        </table></td>
                                                        <td width="4" align="right" valign="top" background="images/index_8bg.jpg"><img src="images/index_8.jpg" width="8" height="11" /></td>
                                                    </tr>
                                                    <tr>
                                                        <td background="images/index_8bg.jpg">&nbsp;</td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2" align="left"><img src="images/index_8a.jpg" width="250" height="22" /></td>
                                                    </tr>
                                                </table></td>
                                        </tr>
                                        <tr>
                                            <td>&nbsp;</td>
                                        </tr>
                                    </table></td>
                                    <td width="834" align="right" valign="top"><table width="820" border="0" cellspacing="10" cellpadding="0" bgcolor="#FFFFFF">
                                        <tr>
                                            <td width="298" height="30" align="left" class="hui-20">奖状申诉</td>
                                        </tr>
                                        <tr>
                                            <td colspan="2" align="left"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td height="2" bgcolor="#0c99fd"></td>
                                                </tr>
                                            </table></td>
                                        </tr>
                                        <tr v-if="!id">
                                            <td colspan="2" align="left" valign="top">
                                                <form action="" method="post" class="basic-grey">
                                                    <label>
                                                        <span>申诉原因 :</span>
                                                        <textarea id="remark" name="remark" v-model="formData.remark"></textarea>
                                                    </label>
                                                    <label>
                                                        <span>申诉材料 :</span>
                                                        <input type="file" id="file" name="file" />
                                                    </label>
                                                    <label style="margin-top: 15px">
                                                        <span>&nbsp;</span>
                                                        <input @click="save()" type="button" class="button" style="background: #6495ED;" value="提交" />
                                                        <input @click="back('hou.html')" type="button" class="button" value="返回" />
                                                    </label>
                                                </form>
                                            </td>
                                        </tr>
                                        <tr v-if="id">
                                            <td colspan="2" align="left" valign="top">
                                                <form action="" method="post" class="basic-grey">
                                                    <label>
                                                        <span>申诉原因 :</span>
                                                        <textarea id="remark" name="remark" v-model="formData.remark" readonly></textarea>
                                                    </label>
                                                    <label>
                                                        <span>申诉结果 :</span>
                                                        <textarea id="reply" name="reply" v-model="formData.reply" readonly></textarea>
                                                    </label>
                                                    <label>
                                                        <span>&nbsp;</span>
                                                        <input @click="back('appealList.html')" type="button" class="button" value="返回" />
                                                    </label>
                                                </form>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2" align="left">&nbsp;</td>
                                        </tr>
                                    </table></td>
                                </tr>
                            </table></td>
                        </tr>
                    </table>
                        <iframe src="page/pageFoot.html" scrolling="no" frameborder="0" width="100%"></iframe>
</div>
<script src='https://unpkg.com/vue@2.0.5/dist/vue.js'></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
<script type="text/javascript" src="../libs/util.js"></script>
<script type="text/javascript" src="js/appealForm.js"></script>
</body>
</html>
